﻿
/*login form*/
.user-form{ width: 660px; margin: 5px auto;  color: #fff; padding-top: 5px; }
.user-form .form-top{ background: #222; padding: 10px; }
.user-form .title{ background: #333; border: 1px solid #444;  }
.user-form span{ color: #f00; margin-right: 5px; }
.user-form .title em{ width: 20px; height: 20px; background-position: -40px -124px; }
.user-form .form-body{ border: 10px solid #ccc;  background-color: #f5f5f5; padding: 40px 0;}
.user-form .form{ font-size: 14px; width: 380px; margin: 0px auto; color: #626262;  }
.user-form .reg{ width: 558px; }
.user-form .reg table{ border: 0; line-height: 33px;}
.user-form .reg th{ font-weight: normal; text-align: right;  width: 80px; }
.user-form .reg .r-input, .user-form .f-code{ height: 23px; width: 178px; line-height: 23px; }
.user-form .reg p{ font-size: 12px; }
.user-form .form a, .user-form .f-button, .user-form .reg em{ display: inline-block; zoom: 1; background: url(../images/login_btns.png) no-repeat; height: 30px; text-align: center; color: #fff; line-height: 30px; text-decoration: none; }
.user-form .form a.login{ width: 171px; background-position: 0 -29px; }
.user-form .form a.register{ width: 190px; background-position: 0 0px; }
.user-form label { display: block; margin: 10px 0; }
.user-form .f-input, .login-form .f-code{ height: 22px; line-height: 22px; padding-left: 5px; }
.user-form .f-input{ width: 355px; }
.user-form .f-code{ margin-right: 5px; width: 123px; }
.user-form .f-button{ width: 96px; height: 27px; border: 0; line-height: 24px; background-position: 0 -62px; color: #5a5a5a; cursor: pointer; }
.user-form .reg em{ width: 122px; height: 44px; background-position: 0 -93px; margin-bottom: 20px; margin-left: 80px; font-style: normal; color: #fff; }

